import { BrowserRouter as Router, Routes, Route, NavLink, Outlet } from 'react-router-dom'
const DemoHooks = () => {
    return (<>
        <h2>14. Hooks</h2>
        <nav className="nav">
            <Router>
                <NavLink to='/Hooks/useState'>useState</NavLink>
                <NavLink to=''>useEffect</NavLink>
                <NavLink to=''>useRef</NavLink>
                <NavLink to=''>context</NavLink>
                <NavLink to=''>useMemo</NavLink>
                <NavLink to=''>useCallback</NavLink>
            </Router>
        </nav>
        <div className="right">
            <Outlet />
        </div>

    </>);
}

export default DemoHooks;